$(document).ready(function(){
  var obj = {
    id:'学号',
    name:'姓名',
    bedroom:'寝室',
    gender:'性别',
    status:'在校情况',
    class:'班级',
    nationality:'民族',
    QQ:'QQ',
    tel:'手机'
  }
  $('body').on('click', function(e){
    var target = e.target;
    
    if(target.id === 'submit'){
      var id = $('#id_input').val();
      if(!id || id.length!=13){
        alert('请输入有效学号');
        return;
      }
      $.ajax({
        url:'/get_info',
        data:{
          id: id,
        },
        type: 'post'
      }).done(function(data){
        if(!data.length){return;}
        var template = '';
        for(var key in obj){
          template += "<div class='columns is-mobile'><div class='key column'>"+obj[key]+"</div><div class='value column'>"+(data[0][key]?  data[0][key]:'没数据我也莫得办法')+"</div></div>";
        }
        $('#data').html(template);
      })
    }
  })
})